<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@ include file="/WEB-INF/views/modules/commons/head.jsp" %>
    <!-- header -->
    <%@ include file="/WEB-INF/views/include/header.jsp" %>
    <style>
        .nav {
            margin-left: 0;
        }
        .nav > li > a:focus, .nav > li > a:hover {
            text-decoration: none;
            background-color: #33CCFF !important;
        }
        #main-container {
            padding: 50px 20px 0;
            position: relative;
            height: calc(100% - 71px);
            width: calc(100% - 19.5%);
            margin-left: 17.5%;
            margin-top: 60px;
        }
        .modal-dialog {
            z-index: 9999999;
        }
        @media (min-width: 768px) {
            .modal-content {
                -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
                box-shadow: 0 -2px 20px rgba(0, 0, 0, .5) !important;
            }
        }
    </style>
</head>
<body class="bgcolor">
<%@ include file="/WEB-INF/views/modules/commons/nav.jsp" %>
<%@ include file="/WEB-INF/views/modules/commons/menu.jsp" %>

<!-- /section:basics/navbar.layout -->
<table></table>
<div class="main-container" id="main-container">

    <!-- /section:basics/sidebar -->
    <div class="col-xs-12">
        <form:form cssClass="form-horizontal" role="form">
            <div class="form-group">
                <label class="col-sm-1 control-label no-padding-right" >意见建议：</label>
                <div class="col-sm-11">
                    <textarea  rows="6" id="demo" name="demo" style="width: 98%" placeholder="对于我们有什么建议、想法和期望，请及时向我们反馈"></textarea>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label no-padding-right" for="subSystem">联系方式：</label>
                <div class="col-sm-11">
                    <input type="text" style="width: 98%" name="subSystem" id="subSystem" placeholder="联系方式（手机、QQ、微信）" class="form-control">
                </div>
            </div>
        </form:form>
        <div class="container">
            <div class="row clearfix">
                <div class="col-sm-10"></div>
                <div class="col-md-1 column">
                    <a href = "<s:url value="/reportForm1/getFeedBackPage"></s:url>">
                        <button id ="submitFeedback" type="button" class="btn btn-success">确认提交</button>
                    </a>
                </div>
            </div>
        </div>
    </div>



</div><!-- /.main-container -->
</div>
<!-- footer -->
<script src="<s:url value="/assets/web/js/jquery.min.js?v=2.1.4"></s:url>"></script>
<link rel="stylesheet" href="<s:url value="/assets/web/css/login/bootstrap.min.css?v=3.3.6"></s:url>">
<script src="<s:url value="/assets/web/js/jqpaginator.min.js"></s:url>"></script>
<script src="<s:url value="/assets/web/js/baseAPI.js"></s:url>"></script>
<script src="<s:url value="/assets/web/common/bootstrapvalidator/dist/js/bootstrapValidator.js"></s:url>"></script>
<%@ include file="/WEB-INF/views/include/footer.jsp" %>
<!-- dialog -->
<%@ include file="/WEB-INF/views/include/dialog.jsp" %>

<script type="text/javascript">
    $("#submitFeedback").click(function() {
        var subSystem = $("#subSystem").val();
        var demo = $("#demo").val();
        if(subSystem == ""){
            alert("请填写联系方式。");
            return false;
        }else if(demo == ""){
            alert("意见建议不能为空。");
            return false;
        }else{
            alert("提交成功，感谢您的反馈！");
        }
    })
</script>

</body>
</html>